<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>rw6</title>
    <style type="text/css">
        body{background-color: cornflowerblue}
        .box1{height:200px;width:350px;border-style:solid;border-color: darkseagreen;border-width:5px;
            background-color:pink;float: left;padding:24px;}
        .text{text-align: center}
        img{height: 200px;width: 350px;text-align: center;left: 50%}
    </style>
</head>
<body>
<div class="box1">
    <div class="img">
        <a target="" href="/rw6photo/1.JPG"></a>
        <img src="rw6photo/1.JPG">
        <div class="text">第一张图片</div>
    </div>
</div>
<div class="box1">
    <div class="img">
        <a target="" href="/rw6photo/2.JPG"></a>
        <img src="rw6photo/2.JPG">
        <div class="text">第二张图片</div>
    </div>
</div>
<div class="box1">
    <div class="img">
        <a target="" href="/rw6photo/3.JPG"></a>
        <img src="rw6photo/3.JPG">
        <div class="text">第三张图片</div>
    </div>
</div>
<div class="box1">
    <div class="img">
        <a target="" href="/rw6photo/4.JPG"></a>
        <img src="rw6photo/4.JPG">
        <div class="text">第四张图片</div>
    </div>
</div>
</body>
</html>